<style>
  .footer{
    height: 65px;
    width: 100%;
    position: fixed;
    bottom: 0px;
    background: #0d123a !important;
    z-index: 999;
    /*box-shadow: 0px 0px 10px #aaa;*/
    /*background: rgba(255,255,255,0.1);*/
  }
  .footer ul{


    height: 55px;
    margin-top: 5px;
  }
  .footer ul li{
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
  }
  .footer ul li a{
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  .footer ul li a img{
    width: 1.5rem;
    position: relative;
    height: 1.5rem;
    top: 6px;
  }
  .footer ul li a p{
    font-size: 0.95rem;
    color: #fff;
    margin-top: 0px;
  }
  .footer ul li a .p1.select{
    color: #07bcf0;
  }
</style>
<div class="footer">
  <ul>



    {if $route eq 'index.index'}
    <li>
      <a href="#">
        <img src="__PUBLIC__/home/images/tab_img_1_sel.png?v=0229" alt="">
        <p class="p1 select">首页</p>
      </a>
    </li>
    {else}
    <li>
      <a href="/#/Index">
        <img src="__PUBLIC__/home/images/tab_img_1.png?v=0229" alt="">
        <p class="p1">首页</p>
      </a>
    </li>
    {/if}


    {if $route eq 'index.ourshop'}
    <li class='devshop'>
      <a >
        <img src="__PUBLIC__/home/images/tab_img_2_sel.png?v=0229" alt="">
        <p class="p1 select">矿机</p>
      </a>
    </li>
    {else}
    <li class='devshop'>
      <a href="{:url('Index/ourshop')}">
        <img src="__PUBLIC__/home/images/tab_img_2.png?v=0229" alt="">
        <p class="p1">矿机</p>
      </a>
    </li>
    {/if}



    {if $route eq 'user.server_center'}
    <li>
      <a href="#">
        <img src="__PUBLIC__/home/images/tab_img_3_sel.png?v=0229" alt="">
        <p class="p1 select">交易中心</p>
      </a>
    </li>
    {else}
    <li>
      <a href="{:url('User/server_center')}">
        <img src="__PUBLIC__/home/images/tab_img_3.png?v=0229" alt="">
        <p class="p1 ">交易中心</p>
      </a>
    </li>
    {/if}



    {if $route eq 'user.index'}
    <li>
      <a href="#">
        <img src="__PUBLIC__/home/images/tab_img_4_sel.png?v=0229" alt="">
        <p class="p1 select">我的</p>
      </a>
    </li>
    {else}
    <li>
      <a href="{:url('User/index')}">
        <img src="__PUBLIC__/home/images/tab_img_4.png?v=0229" alt="">
        <p class="p1 ">我的</p>
      </a>
    </li>
    {/if}

  </ul>
</div>
